<!-- start report -->
<style>
    .f-mod-img{
        position: relative;
    }
</style>
<div class="modal-report-box" id="J_ModalreportBox" style="display: block;">
    <div class="report-content">
        <div class="f-item">
            <label>举报艺人:</label>
            <p class="f-field"><a href="javascript:;" id="J_ReportAnchorName" class="anchorname">-</a></p>
        </div>
        <div class="f-item">
            <label>举报类型:</label>
            <p class="f-field" id="J_ReportAnchorType">
                <span class="f-check"><input type="checkbox">色情信息</span>
                <span class="f-check"><input type="checkbox">垃圾广告</span>
                <span class="f-check"><input type="checkbox">人身攻击</span>
                <span class="f-check"><input type="checkbox">敏感信息</span>
                <span class="f-check"><input type="checkbox">虚假中奖信息</span>
            </p>
        </div>
        <div class="f-item">
            <label>举报理由:</label>
            <p class="f-field">
                <textarea name="" class="f-input" placeholder="请输入举报理由" id="J_ReportAnchorDesc"></textarea>
            </p>
        </div>
        <div class="f-item">
            <label>违规图片:</label>
            <div class="f-field">
                <div class="f-mod-img">
                    <p class="f-add-img" id="J_Report_Upload_img1">
                    </p>
                    <p class="f-show-img Report-upload-img" id="J_Report_Upload_Imgshow1">

                    </p>
                </div>

            </div>
    </div>
    <div class="f-item f-submit">
        <a href="javascript:;" class="f-btn" id="J_ReportAnchorSubmit">确定</a>
    </div>
</div>
</div>


<link rel="stylesheet" href="<%- Virtual_Path.Static %>jquery.plugin/uploadifive/uploadifive.css">
<link rel="stylesheet" href="<%- Virtual_Path.Static %>jquery.plugin/uploadifive/uploadifive.custom.css">
<script>
    $(function () {
        var _ReportInfo = {
            User_ID: $.CommonMainRoom.RoomAnchorInfo.NickName,
            Content: null,
            Screenshot: null,
            Type: null
        };
        $("#J_ReportAnchorName").html($.CommonMainRoom.RoomAnchorInfo.NickName);
//        ////////////////////////////////////
//        //举报照片
//        ////////////////////////////////////
        $('#J_Report_Upload_img1').uploadifive({
            'uploadScript': _VirtualPath.Utils + 'service/fileupload',
            'removeCompleted': true,
            'multi': false,
            'buttonClass': 'uploadfile',
            'buttonText': '违规照片',
            'fileType': 'image/*',
            'width': "56",
            'height': "56",
            'onUploadComplete': function (file, data) {
                data = $.parseJSON(data);
                if (data.flag !== 0) {
                    $.CommonMain.Modal_Tip("上传文件出错，请重试！", {Timeout: 1000});
                    return;
                }
                $.ajax({
                    url: "/ajax/base.user-reportimg",
                    type: "post",
                    dataType: "json",
                    data: {
                        FileName: data.FileName,
                        Front: "a"
                    },
                    success: function (data) {
                        var _html = '<img src="' + _VirtualPath.Utils_CDN + "service/img/report/" + _StateData.User_ID + "/" + data.path + '.jpg" data-path="' + data.path + '" alt="" class="f-report-img">' +
                                '<i class="f-ico-del"></i>'
                        $('#J_Report_Upload_Imgshow1').html(_html);
                        var _Screenshot = data.path + ".png";
                    }
                });
            }
        });
//
//        $('#J_VR_Upload_img2').uploadifive({
//            'uploadScript': _VirtualPath.Utils + 'service/fileupload',
//            'removeCompleted': true,
//            'multi': false,
//            'buttonClass': 'uploadfile',
//            'buttonText': '违规照片',
//            'fileType': 'image/*',
//            'width': "62",
//            'height': "62",
//            'onUploadComplete': function (file, data) {
//                data = $.parseJSON(data);
//                if (data.flag !== 0) {
//                    $.CommonMain.Modal_Tip("上传文件出错，请重试！", {Timeout: 1000});
//                    return;
//                }
//                $.ajax({
//                    url: "/ajax/base.user-reportimg",
//                    type: "post",
//                    dataType: "json",
//                    data: {
//                        FileName: data.FileName,
//                        Front: "a"
//                    },
//                    success: function (data) {
//                        var _html = '<img src="' + _VirtualPath.Utils_CDN + "service/img/report/" + _StateData.User_ID + "/" + data.path + '.jpg" data-path="' + data.path + '" alt="" class="VR-img">' +
//                                '<span class="VR-del"><i class="ico-del"></i></span>'
//                        $('#J_VR_Upload_img2').parent().before(_html);
//                    }
//                });
//            }
//        });
//
//        $('#J_VR_Upload_img3').uploadifive({
//            'uploadScript': _VirtualPath.Utils + 'service/fileupload',
//            'removeCompleted': true,
//            'multi': false,
//            'buttonClass': 'uploadfile',
//            'buttonText': '违规照片',
//            'fileType': 'image/*',
//            'width': "62",
//            'height': "62",
//            'onUploadComplete': function (file, data) {
//                data = $.parseJSON(data);
//                if (data.flag !== 0) {
//                    $.CommonMain.Modal_Tip("上传文件出错，请重试！", {Timeout: 1000});
//                    return;
//                }
//                $.ajax({
//                    url: "/ajax/base.user-reportimg",
//                    type: "post",
//                    dataType: "json",
//                    data: {
//                        FileName: data.FileName,
//                        Front: "a"
//                    },
//                    success: function (data) {
//                        var _html = '<img src="' + _VirtualPath.Utils_CDN + "service/img/report/" + _StateData.User_ID + "/" + data.path + '.jpg" data-path="' + data.path + '" alt="" class="VR-img">' +
//                                '<span class="VR-del"><i class="ico-del"></i></span>'
//                        $('#J_VR_Upload_img3').parent().before(_html);
//                    }
//                });
//            }
//        });
//
//        $("#J_Anchor_ReportType").on("click", ".icheckbox", function () {
//            _ReportInfo.Type = $(this).text();
//            $(this).addClass("icheckboxactive").siblings().removeClass("icheckboxactive");
//        })
//        $(".VR-upload").on("click", ".VR-del", function () {
//            _ReportInfo.Screenshot = null;
//            $(this).siblings('.VR-img').remove().end().remove();
//        });
//
//        $("#J_VR_Submit").on("click", function () {
//            _ReportInfo.Content = $("#J_Anchor_ReportInfo").val();
//            var img1 = $("#J_VR_upload_1 img.VR-img").data("path");
//            var img2 = $("#J_VR_upload_2 img.VR-img").data("path");
//            var img3 = $("#J_VR_upload_3 img.VR-img").data("path");
//            if (img1 != null) {
//                _ReportInfo.Screenshot = img1;
//            }
//            if (img2 != null) {
//                _ReportInfo.Screenshot = _ReportInfo.Screenshot + ',' + img2;
//            }
//            if (img3 != null) {
//                _ReportInfo.Screenshot = _ReportInfo.Screenshot + ',' + img3;
//            }
//            if (_ReportInfo.Type == null) {
//                $.CommonMain.Modal_Tip('请选择举报类型！', {
//                    Timeout: 1000
//                });
//                return;
//            }
//            if (_ReportInfo.Screenshot == null) {
//                $.CommonMain.Modal_Tip('请上传举报照片！', {
//                    Timeout: 1000
//                });
//                return;
//            }
//
//            $.CommonMain.User_Report(_ReportInfo.Content, _ReportInfo.Type, _ReportInfo.User_ID, _ReportInfo.Screenshot, function () {
//                $.CommonMain.Modal_Tip('举报成功', {
//                    Title: "提示",
//                    Timeout: 1000,
//                    onClose: function () {
//                        $.Common.ModalWindow.fnEnter();
//                    }
//                });
//            });
//        });
    });

</script>